<template>
  <div>
    <h3>Children</h3>
    <p>{{props.count}}</p>
    <button @click="updateCountValueEvent">子组件点击修改</button>
  </div>
</template>

<script lang='ts' setup>
// 约束了父组件，必须传递count这个值，类型number
const props = defineProps<{count:number}>()

//$emit代表触发自定义事件
//e代表自定义事件名字。父组件必须触发这个事件
//val代表函数参数
const $emit = defineEmits<{
    (e:"changeCount",val:number):void
}>()

const updateCountValueEvent = ()=>{
    $emit("changeCount",200)
}


</script>

<style lang='scss' scoped>
</style>